<template>
    <div class="user">
        <header>
            <h2>user(用户)导航栏</h2>
        </header>

        <router-view></router-view>

        <footer>
            <van-tabbar v-model="footerActive">
                <van-tabbar-item to='/home' icon="wap-home">社区</van-tabbar-item>
                <van-tabbar-item to='/pet' icon="points" dot>养宠</van-tabbar-item>
                <van-tabbar-item to='/mall' icon="shop" info="5">商城</van-tabbar-item>
                <van-tabbar-item to='/user' icon="contact" info="20">我的</van-tabbar-item>
            </van-tabbar>
        </footer>
    </div>

</template>

<script>

    export default {
        data () {
            return {
                footerActive: 3,
                
            }
        },

    }


</script>


<style scoped>

</style>